<template>
    <SwiperArea>
        <SwiperItem v-for="(item,index) in banners" :key="index">
            <a :href="item.link">
                <img :src="item.image" alt="">
            </a>
        </SwiperItem>
    </SwiperArea>
</template>
<script>
import {SwiperArea,SwiperItem} from "@/components/common/swiper/index";
export default {
    name: "HomeSwiper",
    props:{
        banners:{
            type:Array,
            default:function (){
                return []
            }
        }
    },
    components:{
        SwiperArea,SwiperItem
    }
}
</script>

<style scoped>
img{
    height:13rem;
    width:100%;
}
</style>
<!--http://localhost:8080/-->
